<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title></title>
	<style type="text/css">
		*{
			margin: 0;
			padding: 0;
		}
		.bx{
			height: 60px;
			width: 100%;
			background: #177ec1;
		}
		.bx .container{
			margin: 0 60px;
			overflow: hidden;
		}
		.bx .container .left{
			width: 201px;
			height: 43px;
			padding-top: 19px;
			color: #FFFFFF;
			font-size: 24px;
			float: left;
		}
		.bx .container .right{
			overflow: hidden;
			width: 124px;
			padding-top: 19px;
			float: right;
		}
		.bx .container .right span{
			font-size: 16px;
			color: #fff;
		}
		.bx .container .right .l{
			float: left;
		}
		.bx .container .right .r{
			float: right;
		}
	</style>
</head>
<body>
<div class="bx">
	<div class="container">
		<h2 class="left">教师管理系统</h2>
		<div class="right">
			<a ><button   id="out">退出登录</button></a>
		</div>
	</div>
</div>
<script src="js/jquery-1.9.1.min.js"></script>
<script>
	$('#out').click( function ou(){
		$.ajax({
			//几个参数需要注意一下
			type: "get",//方法类型
			dataType: "json",//预期服务器返回的数据类型
			url: "/public/logout" ,//url
			success: function (data) {
				if (data.code=200) {
					alert("已退出")
					//alert(data.msg);
					window.parent.location.href='/login';
				}
			}
		});
	});

</script>
</body>
</html>
